.home-small {
    width: 100%;
    height: auto;
    .home-left {
        height: auto;
        padding: 20px;
        .articlesDiv {
            width: 90%;
            height: auto;
            //float: right;
            margin: 0 auto;
            .carousel {
                height: 150px;
                .ant-carousel {
                    .imgDiv {
                        height: 150px;
                        //background: rgb(235,235,235);
                        img {
                            max-height: 150px;
                        }
                    }
                    .slick-slide {
                        text-align: center;
                        height: 160px;
                        line-height: 160px;
                        background: #364d79;
                        overflow: hidden;
                    }
                }
            }
            .title {
                h1 {
                    text-align: left;
                    margin: 20px;
                    color: white;
                }
            }
            .articles {
                width: 100%;
                height: auto;
                .article {
                    width: 100%;
                    height: auto;
                    box-sizing: border-box;
                    padding: 10px 20px;
                    margin-bottom: 10px;
                    background: rgba(255, 255, 255, 0.6);
                    color: black;
                    a {
                        color: black;
                    }
                    .title {
                        h3 {
                            font-weight: 700;
                            text-align: left;
                            font-size: 22px;
                        }
                    }
                    .intro {
                        text-align: left;
                        p {
                            font-size: 18px;
                            text-indent: 2em;
                        }
                    }
                    .tags{
                        text-align: left;
                        margin-bottom: 5px;
                    }
                    .cover {
                        display: none;
                        height: 100%;
                        img {
                            max-height: 100%;
                            max-width: 100%;
                        }
                    }
                }
            }
        }
        
    }
    .home-right {
        height: auto;
        .info {
            width: 90%;
            height: auto;
            margin-top: 20px;
            margin: 0 auto;
            .card {
                margin-bottom: 20px;
                div{
                    background: rgba(255, 255, 255, 0.85);
                    div{
                        background: rgba(255, 255, 255,0);
                    }
                }
                a-card {
                    width: 100%;
                    overflow: hidden;
                }
            }
        }
    }
}